<div class="blade-content ng-scope" id="blade-content">
  <div class="blade-inner">
    <div class="inner-block">
      <form name="form" class="form" (submit)="onCreate()" [formGroup]="formGroup" novalidate>
        <div class="blade-static __bottom" *ngIf="currentBlade.isNew">
          <button class="btn" [disabled]="!formGroup.valid">创建</button>
        </div>
        <div class="form-group">
          <label class="form-label">设备名称</label>
          <div class="form-input">
            <select name="deviceCategoryId" formControlName="deviceCategoryId">
              <option [value]="d.deviceCategoryId" *ngFor="let d of deviceCategorys">
                {{d.deviceCategoryName}}
              </option>  
            </select>
          </div>
          <div *ngIf="formErrors.deviceCategoryId" class="form-error">
            {{ formErrors.deviceCategoryId }}
          </div>
        </div>
        <div class="form-group">
          <label class="form-label">状态名称</label>
          <div class="form-input">
            <input name="statusName" formControlName="statusName" placeholder="输入状态名称">
          </div>
          <div *ngIf="formErrors.statusName" class="form-error">
            {{ formErrors.statusName }}
          </div>
        </div>

        <div class="form-group">
          <label class="form-label">状态编码</label>
          <div class="form-input">
            <input name="statusKey" formControlName="statusKey" placeholder="输入状态码">
          </div>
          <div *ngIf="formErrors.statusKey" class="form-error">
            {{ formErrors.statusKey}}
          </div>
        </div>
        <div class="form-group">
          <label class="form-label">状态值</label>
          <div class="form-input">
            <input name="statusValue" formControlName="statusValue" placeholder="输入状态值">
          </div>
          <div *ngIf="formErrors.statusValue" class="form-error">
            {{ formErrors.statusValue }}
          </div>
        </div>
        <div>

        </div>
        <!-- <app-color-choices [currentEntity]="currentEntity" (colorOut)="recPro($event)"></app-color-choices>-->
        <div class="columns">
          <div class="form-group column">
            <label class="form-label">颜色</label>
            <div class="form-input">
              <input #statusColor placeholder="输入状态颜色值" formControlName="statusColor" name="statusColor">
            </div>
            <div *ngIf="formErrors.statusColor" class="form-error">
              {{ formErrors.statusColor }}
            </div>
          </div>
          <div class="form-group column">
            <label class="form-label">颜色选择</label>
            <div class="form-input">
              <p-colorPicker formControlName="statusColor2"></p-colorPicker>
              <!--  <input name="statusColor" #statusColorInput formControlName="statusColor" type="color" [value]="statusColorInput2.value | colorConversion">  -->
            </div>
            <div *ngIf="formErrors.statusColor" class="form-error transparent">
              {{ formErrors.statusColor }}
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="form-label">优先级</label>
          <div class="form-input">
            <input name="priority" formControlName="priority" placeholder="输入优先级">
          </div>
          <div *ngIf="formErrors.priority" class="form-error">
            {{ formErrors.priority }}
          </div>
        </div>
        <div class="form-group">
          <label class="form-label">排序</label>
          <div class="form-input">
            <input name="statusSeq" formControlName="statusSeq" placeholder="输入排序">
          </div>
          <div *ngIf="formErrors.statusSeq" class="form-error">
            {{ formErrors.statusSeq }}
          </div>
        </div>
      </form>
    </div>
  </div>
</div>